@charset "utf-8";
@import url("vancl.less");

//BEGIN 网页内容样式开始
#divContent{
    
    #menuZoneBox{
        height: 475px;
        padding-top: 17px;
        
        #menuBox{
            width: 260px;
            height: 475px;
            float: left;
            
            .dlManClothes{
                width: 258px;
                height: 247px;
                border: 1px solid #C8C8C9;
                position: relative;
                padding-top: 10px;
            }
            .menuTitle{
                width: 34px;
                height: 15px;
                padding: 0px 3px;
                position: absolute;
                left: 35px;
                top: -10px;
                background: #fff;
                font-weight: normal;
            }
            .a_menu_1_level{
                line-height: 20px;
                font-size: 14px;
                color: #B81C22;
                text-decoration: none;
            }
            .dtSubMenu{
                width: 221px;
                height: 16px;
                padding: 10px 0px 0px 37px;
                font-size: 14px;
                line-height: 16px;
                font-family: "Microsoft Yahei";
                color: #A3A2A2;
            }
            
            .a_menu_2_level{
                font-size: 14px;
                line-height: 16px;
                font-family: "Microsoft Yahei";
                color: #A3A2A2;
                text-decoration: none;
            }
            .ddSubMenu{
                width: 228px;
                height: 20px;
                padding: 5px 0px 10px 30px;
                border-bottom: 1px solid #C8C8C9;
            }
            .a_menu_3_level
            {
                line-height: 20px;
                color:#727171;
                text-decoration: none;
                display: inline-block;
                padding: 0 5px;
            }
            .a_menu_3_level:hover{
                color:#B81C22;
                background: #edeeee;
            }
            .a_active{
                color: #B81C22;
            }
            
            .dlWomanClothes{
                width: 258px;
                height: 123px;
                margin-top: 17px;   
                border: 1px solid #C8C8C9;
                position: relative;
                padding-top: 10px;
            }
            
            .dlOtherClothes{
                width: 258;
                height: 35px;
                margin-top: 17px;
                border: 1px solid #C8C8C9;
                position: relative;
                padding-top: 10px;
            }
            .menuTitle3{
                width: 110px;
                height: 15px;
                padding: 0px 3px;
                position: absolute;
                left: 35px;
                top: -10px;
                background: #fff;
                font-weight: normal;
                line-height: 20px;
                font-size: 14px;
                color: #B81C22;
            }
            .ddSubMenu3{
                width: 228px;
                height: 20px;
                padding: 5px 0px 10px 30px;
                border-bottom: 1px solid #C8C8C9;
                /*margin-top: 10px;*/
            }
        }
        
        #adImagesBox{
            width: 730px;
            height: 475px;
            float: left;
            background: #fff;
            position: relative;
            
            .a_adImages{
                display: block;
                width: 710px;
                height: 475px;
                margin: 0 auto;
            }
            #imgSelTab{
                width: 144px;
                height: 10px;
                position: absolute;
                right: 45%;
                top: 430px;
            }
            #imgSelTab li{
                width: 10px;
                height: 10px;
                float: left;
                list-style: none;
                margin-right: 8px;
                background: #1E1E1E;
                border-radius: 10px;
                cursor:pointer;
            }
            #imgSelTab .li_active{
                // background: #A10000;
            }
        }
        
        #hotCommodityBox{
            width: 210px;
            height: 475px;
            float: right;
            
            .img_hotCommodity1,.img_hotCommodity2{
                width: 208px;
                height: 236px;
                display: block;
            }
            .img_hotCommodity1{
                border: 1px solid #C8C8C9;
            }
            .img_hotCommodity2{
                border-width: 0px 1px 1px;
                border-style: solid;
                border-color: #C8C8C9;
            }
        }
    }
    
    .h1_title{
        line-height: 40px;
        font-size: 17px;
        font-family: "Microsoft Yahei";
        font-weight: normal;
        padding-left: 35px;
    }
    
    .ul_commodities_1{
        width: 1200px;
        height: 236px;
    
    }
    .ul_commodities_1 .li_commodities_1{
        width: 232px;
        height: 236px;
        float: left;
        margin: 0px 8px 10px 0px;
        list-style: none;
        display: inline-block;
    }
    .ul_commodities_1 .li_commodities_1 img{
        width: 100%;
        height: 100%;
        border: 0px;
    }
    
    .ul_commodities_1 .li_commodities_2{
        width: 472px;
        height: 236px;
        float: left;
        margin: 0px 8px 0px 0px;
        display: inline-block;
        list-style: none;
    }
    .ul_commodities_1 .li_commodities_2 img{    
        border: 0px;
        width: 100%;
        height: 100%;
    }
    
    #newCommoditiesBox{
        height: 272px;
        padding-top: 20px;
        background:#fff;               
    }
    
    #hotSellingsBox{
        height: 518px;
        padding-top: 20px;
        background: #fff;
    }
    
    #discountCommodBox{
        height: 518px;
        padding-top: 20px;
        background: #fff;
    }
}
// END 网页内容样式结束

// BEGIN 网页底部开始
#divFooter{
    padding-top: 35px;
    
    .ul_bottomMenu{
        width: 1198px;
        height: 132px;
        margin: 0 auto; 
        border: 1px solid #C8C8C9;
        padding-top: 28px;
        padding-bottom: 28px;
        
        .li_bottomMenu{
            width: 128px;
            height: 132px;
            float: left;
            list-style: none;
            border-width: 0px 1px 0px 0px;
            border-color: #C8C8C9;
            border-style: solid;
            padding-left: 70px;
            
            h2 {
                font-family: "Microsoft YaHei";
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 15px;
            }
            
            p {
                height: 20px;
                line-height: 20px;
                font-family: "Microsoft YaHei";
                a{
                    color: #333;
                    &:hover{
                        color: @color-red;
                    }
                }
            }
        }
        
        .li_bottomMenuLast{
            border-width: 0px 0px 0px 0px;
        }
    }
    
    #bottomShortcutBox{
        height: 80px;
        ul li {
            width: 300px;
            height: 80px;
            float: left;
            
            a{
                width: 300px;
                height: 30px;
                display: block;
                margin-top: 32px;
            }
            
            #a_shortcut_1{
                background: url(../images/vanclsprite.png) no-repeat 88px -127px;
            }
            #a_shortcut_2{
                background: url(../images/vanclsprite.png) no-repeat 70px -167px;
            }
            #a_shortcut_3{
                background: url(../images/vanclsprite.png) no-repeat 74px -209px;
            }
            #a_shortcut_4{
                background: url(../images/vanclsprite.png) no-repeat 71px -251px;
            }
        }
    }
    
    #bottomCopyrightBox{
        border-top: 1px solid #3E3A39;
        p{
            text-align: center;
            line-height: 33px;
            color: #3E3A39;
            font-family: "Microsoft YaHei";
        }
        
    }
    
    #footerLogoBox{
        padding-top: 23px;       
        p{
            width: 980px;
            height: 45px;
            margin: 0 auto 25px;
            text-align: center;
            a {
                display: inline-block;
                margin: 0px 10px;
            }
            
            #a_footerLogo_1{
                width: 113px;
                height: 42px;
                background: url(../images/spritesbgtop.png) no-repeat 0px -581px;
            }
            #a_footerLogo_2{
                width: 156px;
                height: 45px;
                background: url(../images/spritesbgtop.png) no-repeat 0px -629px;
            }
            #a_footerLogo_3{
                width: 96px;
                height: 42px;
                background: url(../images/spritesbgtop.png) no-repeat 0px -675px;
            }
            #a_footerLogo_4{
                width: 101px;
                height: 42px;
                background: url(../images/spritesbgtop.png) no-repeat -97px -675px;
            }
            #a_footerLogo_5{
                width: 42px;
                height: 42px;
                background: url(../images/spritesbgtop.png) no-repeat -202px -675px;
            }
        }
    }
}
// BEGIN 网页底部结束
